<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>登录</title>
	<link rel="stylesheet" href="style.css" type="text/css" />
		<script src="js/jquery-3.3.1.js"></script>
		<link rel="stylesheet" type="text/css" href="css/easyui-themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/easyui-themes/icon.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="selectivizr.js"></script>
		<noscript><link rel="stylesheet" href="fallback.css" /></noscript>
	</head>

	<body>
		<div id="container">
			<form action="user!find">
				<div class="login">LOGIN</div>
				<div class="username-text">Username:</div>
				<div class="password-text">Password:</div>
				<div class="username-field">
					<input type="text" name="username" value="azmind" />
				</div>
				<div class="password-field">
					<input type="password" name="password" value="azmind" />
				</div>
				<input type="checkbox" name="rememberMe" id="remember-me" /><label for="remember-me">Remember me</label>
				<div class="forgot-usr-pwd">Forgot <a href="#">username</a> or <a href="#">password</a>?</div>
				<input type="submit" id="jsonBn" value="GO" />
			</form>
		</div>
	</body>
<script>
    $(document).ready(function () {
        $("#jsonBn").click(function () {
            // var u=$("#user").val();
            // var p=$("#pass").val();
            // if(u=="") {alert("用户名不能为空");}
            $.ajax({
                type: "post",
                url: "user!find",
                dataType: "json",
                async:"false",
                success: function (data) {
                    console.log(data);
                    alert("登录成功");
                },
                error: function () {
                    alert("密码错误");
                }
            });
        });
    });
</script>
</html>
